/*
* @Author: Administrator
* @Date:   2018-09-11 19:47:16
* @Last Modified by:   Administrator
* @Last Modified time: 2018-09-12 15:31:42
*/
import styled from 'styled-components';
import one from '../../static/one.png'

export const DetailWrapper = styled.div`
  width: 620px;
  margin: 40px auto;
  padding: bottom: 100px;
`;
export const DetailTitle = styled.div`
  margin: 20px 0 0;
	font-family: -apple-system,SF UI Display,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;
	font-size: 34px;
	font-weight: 700;
	line-height: 1.3;
}
`;
export const DetailContain = styled.div`
  position: relative; 
  margin-top: 40px;
  width: 400px;
  height: 48px;
  z-index: -10;
  .detail-img{
  	height: 100%;
  	border-radius: 50%;
  }
`;
export const DetailContains = styled.div`
  position: absolute;
  z-index: -10;
  top: 0;
  right: 33px;
  display: in-line;
  height: 48px;
  width: 300px;
  .detail-small{
  	font-size: 16px;
  	color: #444444
  }
  .detail-big{
  	margin-top: 17px;
  	font-size: 10px;
  	color: #aaa;
  }
}
`;
export const DetailImageOne = styled.div`
 width: 620px;
 height: 350px;
 margin-top: 50px;
 .img-one{
 	width: 100%;
 	height: 100%
 }
`;
export const DetailImageTwo = styled.div`
 width: 556px;
 height: 160px;
 margin-top:30px;
 .img-two{
 	height: 100%;
 	width: 100%;
 }
`;
export const DetailArticleOne = styled.div`
 width: 608px;
 .article-one{
   font-weight: bold;
   margin-top:35px;
 }
 .article-two{
   margin-top: 90px;
   line-height: 30px;
   color: #444444
 }
 .article-three{
 	margin-top: 80px;
 	font-weight: bold;
 }
 .article-four{
 	margin-top: 60px;
  line-height: 30px;
  color: #444444;
 }
 .article-five{
 	margin-top: 80px;
  line-height: 30px;
  color: #444444
 }
 .article-six{
 	margin-top: 20px;
 	line-height: 30px;
 	color: #444444;
 }
`;
export const DetailImageThree = styled.div`
 width: 620px;
 height: 361.5px;
 margin-top: 80px;
 .img-three{
 	width: 100%;
 	height: 100%;
 }
`;
export const DetailImageFour = styled.div`
 width: 620px;
 height: 387.5px;
 margin-top: 80px;
 .img-four{
 	width: 100%;
 	height: 100%;
 }
`;
export const DetailImageFive = styled.div`
 width: 620px;
 height: 412.8px;
 margin-top: 80px;
 .img-five{
 	width: 100%;
 	height: 100%;
 }
`;
export const DetailImageSix = styled.div`
 width: 620px;
 height: 368px;
 margin-top: 80px;
 .img-six{
 	width: 100%;
 	height: 100%;
 }
`;
export const DetailFinish = styled.div`
 width: 200px;
 height:40px;
 margin: 120px auto;
 background: #ccc;
 color: #fff;
 text-align: center;
 font-size: 20px;
 line-height: 40px;

`;
export const BackTop = styled.div`
 position: fixed;
 bottom: 20px;
 right: 30px;
 height:50px;
 line-height: 50px;
 width: 50px;
 text-align: center;
 border: 1px solid #aaa;
 cursor:pointer;
 .song{
  font-size: 30px;
  color: #ccc;
 }
`;
export const DetailShare = styled.div`
position: fixed;
 bottom: 70px;
 right: 30px;
 height:50px;
 line-height: 50px;
 width: 50px;
 text-align: center;
 border: 1px solid #aaa;
 cursor:pointer;
 .song{
  font-size: 30px;
  color: #ccc;
 }
`;

